<template>
  <input type="text" v-model="slogan">
  <h1 v-text="slogan"></h1>
</template>

<script>
export default {
  name: "HelloLhz",
  data() {
    return {
      slogan: '桃李不言下自成蹊'
    }
  },
  beforeCreate() {
    console.log('beforeCreate');
  },
  created() {
    console.log('created');
  },
  beforeMount() {
    console.log('beforeMount');
  },
  mounted() {
    console.log('mounted');
  },
  beforeUpdate() {
    console.log('beforeUpdate');
  },
  updated() {
    console.log('updated');
  },
  beforeUnmount() {
    console.log('beforeUnmount');
  },
  unmounted() {
    console.log('unmounted');
  }
}
</script>

<style scoped>

</style>